.heter-leftTitle{
    @include size;
    &::before{
        @include beforesize;
        background:
        linear-gradient($normal-line, $normal-line) no-repeat left top / 20px 2px border-box,
        linear-gradient($normal-line, $normal-line) no-repeat left top / 2px 20px border-box,
        linear-gradient($normal-line, $normal-line) no-repeat left 146px top / 14px 2px border-box,
        linear-gradient(to left bottom,transparent 50%, $normal-line 50%,$normal-line 64%,transparent 64%) no-repeat left 160px top / 10px 10px border-box,
        linear-gradient($normal-line, $normal-line) no-repeat left 200px top 40px/ 14px 2px border-box,
        linear-gradient(to left bottom,transparent 50%, $normal-line 50%,$normal-line 64%,transparent 64%) no-repeat left 190px top 30px / 10px 10px border-box,
    
        linear-gradient($normal-line, $normal-line) no-repeat right 40px top 40px / 14px 2px border-box,
        linear-gradient($normal-line, $normal-line) no-repeat right top 80px / 2px 14px border-box,
        linear-gradient(to left bottom,transparent 50%, $normal-line 50%,$normal-line 64%,transparent 64%) no-repeat right 30px top 40px/ 10px 10px border-box,
        linear-gradient(to left bottom,transparent 50%, $normal-line 50%,$normal-line 64%,transparent 64%) no-repeat right  top 70px/ 10px 10px border-box,
    
        linear-gradient($normal-line, $normal-line) no-repeat right bottom / 20px 2px border-box,
        linear-gradient($normal-line, $normal-line) no-repeat right bottom / 2px 20px border-box,
        linear-gradient($normal-line, $normal-line) no-repeat left bottom / 20px 2px border-box,
        linear-gradient($normal-line, $normal-line) no-repeat left bottom / 2px 20px border-box,
        linear-gradient($normal-bg,$normal-bg 1px,transparent) no-repeat left top / 160px 10px border-box,
        linear-gradient($normal-bg,$normal-bg 1px,transparent) no-repeat left 200px top 40px/ calc(100% - 240px) 10px border-box,
    
        linear-gradient(to left bottom,transparent 50%, $normal-bg 50%,$normal-bg 52%,transparent 62% ,transparent) no-repeat left 160px top / 40px 40px border-box,
        linear-gradient(to left bottom,transparent 50%, $normal-bg 50%,$normal-bg 52%,transparent 62% ,transparent) no-repeat right top 40px / 40px 40px border-box,
        linear-gradient(to right,$normal-bg,$normal-bg 1px,transparent) no-repeat left top 10px / 10px calc(100% - 20px) border-box,
        linear-gradient(to left,$normal-bg,$normal-bg 1px,transparent) no-repeat right top 80px / 10px calc(100% - 90px) border-box,
        linear-gradient(to top,$normal-bg,$normal-bg 1px,transparent) no-repeat left bottom / 100% 10px border-box;
       }
    &.heter-leftTitle-respire{
    &::after{
        @include respire-base;
        background:
        linear-gradient($warning-line, $warning-line) no-repeat left top / 20px 2px border-box,
        linear-gradient($warning-line, $warning-line) no-repeat left top / 2px 20px border-box,
        linear-gradient($warning-line, $warning-line) no-repeat left 146px top / 14px 2px border-box,
        linear-gradient(to left bottom,transparent 50%, $warning-line 50%,$warning-line 64%,transparent 64%) no-repeat left 160px top / 10px 10px border-box,
        linear-gradient($warning-line, $warning-line) no-repeat left 200px top 40px/ 14px 2px border-box,
        linear-gradient(to left bottom,transparent 50%, $warning-line 50%,$warning-line 64%,transparent 64%) no-repeat left 190px top 30px / 10px 10px border-box,
    
        linear-gradient($warning-line, $warning-line) no-repeat right 40px top 40px / 14px 2px border-box,
        linear-gradient($warning-line, $warning-line) no-repeat right top 80px / 2px 14px border-box,
        linear-gradient(to left bottom,transparent 50%, $warning-line 50%,$warning-line 64%,transparent 64%) no-repeat right 30px top 40px/ 10px 10px border-box,
        linear-gradient(to left bottom,transparent 50%, $warning-line 50%,$warning-line 64%,transparent 64%) no-repeat right  top 70px/ 10px 10px border-box,
    
        linear-gradient($warning-line, $warning-line) no-repeat right bottom / 20px 2px border-box,
        linear-gradient($warning-line, $warning-line) no-repeat right bottom / 2px 20px border-box,
        linear-gradient($warning-line, $warning-line) no-repeat left bottom / 20px 2px border-box,
        linear-gradient($warning-line, $warning-line) no-repeat left bottom / 2px 20px border-box,
        linear-gradient($warning-bg,$warning-bg 1px,transparent) no-repeat left top / 160px 10px border-box,
        linear-gradient($warning-bg,$warning-bg 1px,transparent) no-repeat left 200px top 40px/ calc(100% - 240px) 10px border-box,
    
        linear-gradient(to left bottom,transparent 50%, $warning-bg 50%,$warning-bg 52%,transparent 62% ,transparent) no-repeat left 160px top / 40px 40px border-box,
        linear-gradient(to left bottom,transparent 50%, $warning-bg 50%,$warning-bg 52%,transparent 62% ,transparent) no-repeat right top 40px / 40px 40px border-box,
        linear-gradient(to right,$warning-bg,$warning-bg 1px,transparent) no-repeat left top 10px / 10px calc(100% - 20px) border-box,
        linear-gradient(to left,$warning-bg,$warning-bg 1px,transparent) no-repeat right top 80px / 10px calc(100% - 90px) border-box,
        linear-gradient(to top,$warning-bg,$warning-bg 1px,transparent) no-repeat left bottom / 100% 10px border-box;
    }
}
}